    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Getting started with Bootstrap</title>
        <link href="../stylesheets/css/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../stylesheets/css/bootstrap-3.2.0-dist/css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>

    <div class="container">

        <div class="row">
            <h1>Awesome responsive layout</h1>
            <p>Hello guys i am a ".hero-unit" and you can use me if you wanna say something important.</p>
            <p><a class="btn btn-primary btn-large">Super important &raquo;</a></p>


        </div><!-- row -->
        <div class="row">
            <div class="col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
            <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
            <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
            <!-- Optional: clear the XS cols if their content doesn't match in height -->
            <div class="clearfix visible-xs-block"></div>
            <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
        </div>
    </div><!-- .container -->

    </body>
    </html>